$.getJSON("../json/yphjson.json",function(json){
	//加载二维码
	$(".aside_bottom1 img").attr("src",json.erweima1);
})
//头部循环公告部分


//搜索框跨域请求
$("#txt").focus(function(){
	$(this).val("")
})
$("#txt").keyup(function(){
	$(this).css("border-bottom","2px solid #ccc")
	$("#txt2").html("");
	$("#txt2").css("display","block");
	var $str = $("#txt").val();
	$(("<script>"),{
		src:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+$str+"&cb=fn"
	}).appendTo("head:eq(0)")
})
$("#txt").blur(function(){
	$("#txt2").css("display","none")
	$(this).css("border-bottom","2px solid red");
})
//创建全局函数3
function fn(data){
	data.s.forEach(function(value,index){
		let oLi = document.createElement('li');
		oLi.innerHTML = value;
		$("#txt2").append(oLi);
	})
}

//购物车滑动事件
(function(){
	$("#search_r").mousemove(function(){
		$("#search3").html("︿");
	})
	$("#search_r").mouseout(function(){
		$("#search3").html("﹀");
	})
})()

//商品展示拖拽
//给box1添加鼠标移入事件
$(".box1").mouseover(function(){
	$("#mask").css("display","block");
	$(".big").css("display","block");
	$(".box1").mouseout(function(){
		$("#mask").css("display","none");
		$(".big").css("display","none");
	})
})
//给box1添加鼠标移动事件
			
			//给遮罩层添加鼠标移动事件
			$(".box1").mousedown(function(evt){
				var l = evt.clientX - $(".box1").offsetLeft - $("#mask").offsetWidth/2;
				var t = evt.clientY - $(".box1").offsetTop - $("#mask").offsetHeight/2;
				console.log(l);
				console.log(t);
			})
				
//			function(evt){
//				var e = evt || window.event;
//				//鼠标页面位置-最外面div到页面左边的距离 - 小图到oDiv的距离 - oFloat的宽度/2 (使鼠标到oFloat的中心位置);
//				document.title = e.clientX - oDiv.offsetLeft - oSmall.offsetLeft;
//				var l = e.clientX - oDiv.offsetLeft - oSmall.offsetLeft - oFloat.offsetWidth/2;
//				var t = e.clientY - oDiv.offsetTop - oSmall.offsetTop - oFloat.offsetHeight/2;
//				
//				
//				//限制边界
//				if(l < 0){
//					l = 0;
//				}else if(l > oMark.offsetWidth - oFloat.offsetWidth){
//					l = oMark.offsetWidth - oFloat.offsetWidth;
//				}
//				
//				if(t < 0){
//					t = 0;
//				}else if( t > oMark.offsetHeight - oFloat.offsetHeight){
//					t = oMark.offsetHeight - oFloat.offsetHeight;
//				}
//				
//				oFloat.style.left = l + 'px';
//				oFloat.style.top = t + 'px';
//				
//				//小块活动的距离（移动比例）（大图显示比例）
//				var percentX = l / (oMark.offsetWidth - oFloat.offsetWidth);
//				var percentY = t / (oMark.offsetHeight - oFloat.offsetHeight);
//				 
//				//大图的left值 = 移动比例 * （大图的宽度 - 大图所在Div的宽度）（大图所能移动的距离）
//				oImg.style.left = -percentX * (oImg.offsetWidth - oBig.offsetWidth) + 'px';
//				oImg.style.top = -percentY * (oImg.offsetHeight - oBig.offsetHeight) + 'px';
//				
//				
//			};
//		};
//购物车
//加载购物车中的信息，让商品页和购物车中的购物车数量同步
loadCart();
function loadCart(){
	var cartStr = $.cookie("cart") ? $.cookie("cart"):"";
	var cartObj = convertCartStrToObj(cartStr);
	//获取到购物车中所有商品的数量
	var total = 0;
	for(var id in cartObj){
		total += cartObj[id].num;
	}
	$("#aside_shopping").html(total);
	$(".search2").html(total);
}

//点击添加购物车
$(".che").click(function(){
	//获取商品ID
	var goodId = $(".box1").attr("data-good-id");
	//获取商品名称
	var goodName = $("#ming").html();
	//获取商品的价格
	var goodPrice = $("#shou").html();

	//获取商品的图片src
	var goodSrc = $(".small li").eq(0).find("img").attr("src");
	//获取cookie中的信息
	//如果cookie中没有信息会返回一个undefined，所以必须是一个字符串类型的数据，将他转成一个空字符串，保持数据类型
	var cartStr = $.cookie("cart") ? $.cookie("cart"):"";
	
	//将字符串转成对象
	var cartObj  = convertCartStrToObj(cartStr);

	//判断商品是否已经在购物车中存在
	if(goodId in cartObj){
		//如果已存在，那么商品的数量加1
		cartObj[goodId].num += 1;
	}else{
		//如果不存在，那么将新商品的信息存入
		cartObj[goodId] = {
			name:goodName,
			price:goodPrice,
			num:1,
			src:goodSrc
		};
		
	}
	//将新的购物车信息存回cookie
	//将对象转化为字符串
	cartStr = convertObjToCartStr(cartObj);
	//存入cookie
	$.cookie("cart",cartStr,{expires:7,path:"/"});
	//做一个飞入购物车效果
	var cloneImg = $(".small li").eq(0).find("img").clone().css({width:50,height:50});
	cloneImg.fly({
		start:{
			top:event.clientY,
			left:event.clientX
		},
		end:{
			top:$(".aside_top").offset().top,
			left:$(".aside_top").offset().left,
			width:0,
			height:0
		},
		autoPlay : true,
		onEnd:function(){
			$("#aside_shopping").html(function(index,v){
				var pattern = /(\d+)/;
				var num = parseInt(v.match(pattern)[1]);
				return num +1 ;
			});
			cloneImg.remove();
		}
	})
})
//console.log(cartStr)
//字符串转对象
function convertCartStrToObj(cartStr){
	if(!cartStr){
		return {};
	}
	var goods = cartStr.split(":");
	var obj = {};
	for(var i = 0;i < goods.length;i++){
		var data = goods[i].split(",");
		//以商品id为键，商品=的其他信息为值，这个值也设计为一个对象
		obj[data[0]] = {
			name:data[1],
			price:parseFloat(data[2]),
			num:parseInt(data[3]),
			src:data[4]
		}
	}
	return obj;
}
//对象转字符串
function convertObjToCartStr(obj){
	var cartStr = "";
	for(var id in obj){
		if(cartStr){
			cartStr += ":";
		}
		cartStr += id +","+obj[id].name+","+ obj[id].price + "," + obj[id].num + "," + obj[id].src;
	}
	console.log(obj[id].price)
	return cartStr;
}
//放大镜部分
$("#etalage").zoom({
	 align: "left",  
	 thumb_image_width: 398,     // 当前展示图片的宽
    thumb_image_height: 398,
    zoom_area_width: 398,
    zoom_area_height: 398,
     source_image_width:800,    // 放大图片的宽
    source_image_height: 800,  
    smallthumbs_position: "bottom",
    autoplay_interval :3000,
    small_thumbs : 4,
    autoplay : false
}); 